﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ChoViet.CMS.ViewModels.ShopEditCmsViewModel>" %>

<%@ Import Namespace="ChoViet.Lib.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Sửa gian hàng
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <%= Html.Toolbar("Quay về", "/Shop/IndexCMS/", "back") %>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Sửa gian hàng:<font color="red"><%=Model != null && Model.Shop != null ? Model.Shop.ID.ToString() : ""%></font>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageInfo"] == null)
      { %>
      <script type="text/javascript">
          $(function() {
              $("#projectTabs").tabs();
          });
    </script>
    <% using (Html.BeginForm("EditCms", "Shop", FormMethod.Post, new { id = "adminForm", enctype = "multipart/form-data" }))
       {%>
    <%= Html.ValidationSummary(true)%>
    <div id="projectTabs">
        <ul>
            <li><a href="#projectTabs-1">Thông tin chi tiết</a></li>
            <li><a href="#projectTabs-2" id="googleTabs">Danh sách sản phẩm trong gian hàng</a></li>
        </ul>
        <div id="projectTabs-1">
    <table class="admintable" width="100%">
        <tbody>
            <tr>
                <td class="key">Khách hàng</td>
                <td >
                    <%=Html.TextBox("uID",Model.User.UserName)%>
                    <%= Html.HiddenFor(m => m.Shop.UserID)%>
                </td>
                <td class="key">
                    Tên liên hệ<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Shop.NameContact, new { @class = "required", Style = "width:250px", title = "Nhập tên liên hệ!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Di động<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Shop.MobileContact, new { @class = "required number", Style = "width:250px", title = "Nhập số điện thoại di động!" })%>
                </td>
                <td class="key">
                    Email<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Shop.EmailContact, new { @class = "required email", Style = "width:250px", title = "Nhập email liên hệ!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Yahoo:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Shop.YahooContact, new { Style = "width:250px", title = "Nhập yahoo liên lạc!" })%>
                </td>
                <td class="key">
                    Website:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Shop.WebsiteContact, new { style = "width:250px", title = "Nhập website!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Tên công ty/Doanh nghiệp:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Shop.CompanyContact, new { Style = "width:250px", title = "Nhập tên công ty/ doanh nghiệp!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Địa chỉ:
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m => m.Shop.AddressContact, new { Style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Tỉnh thành<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Shop.CityId, new SelectList(Model.Cities, "ID", "Name", 13).ToList(), "Chọn tỉnh thành", new { @class = "required", Style = "width:250px", title = "Chọn tỉnh/thành đăng tin!" })%>
                </td>
                <td class="key">
                    Quận/huyện:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Shop.DistricID, new SelectList(Model.Districts != null ? Model.Districts : null, "ID", "Name").ToList(), "Chọn quận/huyện", new { Style = "width:250px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Danh mục<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Shop.CateID, new SelectList(Model.CategoryBuiltTree, "Value", "Text").ToList(), "--chọn danh mục--", new { @class = "required", style = "width:250px", title = "Chọn danh mục cho gian hàng!" })%>
                </td>
                <td class="key">
                    Nhu cầu<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Shop.DemandId, new SelectList(Model.Demands, "ID", "Name").ToList(), "--Nhu cầu--", new { @class = "required", style = "width:120px", title = "Chọn nhu cầu cho gian hàng!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Ảnh đại diện
                </td>
                <td colspan="3">
                <%if (!string.IsNullOrEmpty(Model.Shop.LogoPath))
                  {%>
                    <img src="<%=Model.Shop.LogoPath%>" title="" width="80" height="65" />
                    Thay ảnh đại diện<%}%>
                    <input type="file" name="ShopImage" id="ShopImage" />
                </td>
            </tr>
            <tr>
                <td class="key">
                    Ngày mở cửa<font color="red">*</font>:
                </td>
                <td >
                    <%=Html.TextBox("OpenD", string.Format("{0:dd/MM/yyyy}",DateTime.Now), new { @class = "required datepicker",style="width:90px" })%>
                </td>
                <td class="key">
                    Ngày đóng<font color="red">*</font>:
                </td>
                <td >
                    <%=Html.TextBox("CloseD", string.Format("{0:dd/MM/yyyy}",DateTime.Now.AddMonths(1)), new { @class = "required datepicker", style = "width:90px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Tên gian hàng<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Shop.Name, new { @class = "required", title = "Nhập tên gian hàng vào đây", style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Giới thiệu về gian hàng<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%=Html.TextAreaFor(m => m.Shop.Description, new { @class = "required", cols = 97, rows = 20, title = "Nhập nội dung tin rao" })%>
                </td>
            </tr>            
            <tr>
                <td class="key">
                    Trạng thái hiển thị
                </td>
                <td>
                    <%= Html.RadioButtonFor(m=>m.Shop.PubYN, true)%>
                    Publish
                    <%= Html.RadioButtonFor(m => m.Shop.PubYN, false)%>
                    Không Publish
                </td>
                <td class="key">
                    Gian hàng tiêu biểu
                </td>
                <td>
                    <%= Html.RadioButtonFor(m => m.Shop.FocusYN, true)%>
                    Đặt làm gian hàng tiêu biểu
                    <%= Html.RadioButtonFor(m => m.Shop.FocusYN, false)%>
                    Gian hàng thường
                </td>
            </tr>
            <tr>
                <td class="key">
                    MetaKeyword
                </td>
                <td>
                    <%=Html.TextBoxFor(m=>m.Shop.MetaKeyword, new { style = "width:250px;"})%>
                </td>
                <td class="key">
                    MetaTitle
                </td>
                <td>
                    <%=Html.TextBoxFor(m => m.Shop.MetaTile, new { style = "width:250px;" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    MetaDescription
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m => m.Shop.MetaDescription, new { style = "width:730px;" })%>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" id="btnSave" name="btnSave" value="Lưu" onclick="return check_extension('ShopImage','btnSave');" />
                    <input type="reset" id="btnReset" value="Nhập lại" />
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <div id="projectTabs-2">
        <fieldset>
            <legend>Chọn sản phẩm cho gian hàng của bạn</legend>
            <%if (Model.Ads.Count() > 0)
              {%>
            <ul style="list-style: none;margin: 0px;">
                        <%
                foreach (var item in Model.Ads)
                {
                    var ischecked = "";
                    if (Model.ListAdIDInShop.Contains(item.ID)) ischecked = "Checked";
                              %>
                               <li>
                                <input type="checkbox" id="chk_<%=item.ID%>" value="true" name="chk_<%=item.ID%>" <%=ischecked %> /><%=item.Title%>
                                </li>                                   
                                
                        <%}%>
                          
             </ul>
             <div>
                  <h3> <a href="/Ad/CreateCms">Cập nhật sản phẩm</a> </h3>
             </div>
             <% }
              else
              { %>
                  <h2>Bạn chưa có sản phẩm nào....</h2>
                  <h3>
                    <a href="/Ad/CreateCms">Cập nhật sản phẩm</a>
                  </h3>
                  <%} %>
        </fieldset>
    </div>
 </div>
    <%}
      }%>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#adminForm").validate();
            $("#Shop_CityId").unbind("change").change(function() {
            var val = $("#Shop_CityId").val();
                if (val == "" || val == '' || val == undefined)
                    return false;
                AjaxChange("#Shop_CityId", "#Shop_DistricID", "/Applications/LoadDistrictByCity/");
            });
        });
        
        
        var fileIndex = 1;
        var hash = { '.jpg': 1, '.png': 1, '.gif': 1 };
        function check_extension(filename, submitId) {
            var re = /\..+$/;
            
            var file = $("#" + filename).val();
            var ext = file.match(re).toString().toLowerCase();
            var submitEl = document.getElementById(submitId);
            if (ext != null && hash[ext]) {
                return true;
            } else {
            alert("Ảnh đại diện chỉ có thể là ảnh đuôi .jpg, .png, .gif");
            return false;
            }
        }
        tinyMCE.init({
            mode: "exact",
            elements: "Shop_Description",
            theme: "advanced",
            plugins: "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,paste,imagemanager",
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            paste_use_dialog: false,
            paste_auto_cleanup_on_paste: true,
            paste_convert_headers_to_strong: false,
            paste_strip_class_attributes: "all",
            paste_remove_spans: true,
            paste_remove_styles: true
        });
        // Autocomplete
        $("#uID").autocomplete({
                source: function(request, response) {
                    $.ajax({
                    url: "/Applications/SearchUser",
                        dataType: "json",
                        data: {
                            keyword: request.term
                        },
                        success: function(data) {
                            response($.map(data, function(item) {
                                return {
                                label: item.UserName,
                                value: item.DisplayName,
                                    id: item.ID,
                                    email: item.Email,
                                    phone: item.Phone
                                }
                            }));
                        }
                    });
                },
                minLength: 2,
                select: function(event, ui) {
                $("#uID").val(ui.item.label);
                $("#Shop_UserID").val(ui.item.id);
                $("#Shop_NameContact").val(ui.item.value);
                $("#Shop_EmailContact").val(ui.item.email);
                $("#Shop_MobileContact").val(ui.item.phone);
                    return false;
                }
            });
            
        $.datepicker.setDefaults($.datepicker.regional['vi']);
        $(".datepicker").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            yearRange: "1920",
            showOn: "button",
            buttonImage: "/Images/calendar.gif",
            buttonImageOnly: true,
            changeYear: true
        });
    </script>

</asp:Content>
